<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="zh-cn">
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="description" content="厚和尚品"/>
    <meta name="keywords" content="厚和尚品"/>
    <title th:text="${title}">我的订单</title>
    <link rel="apple-touch-icon-precomposed" href=""/>
    <link rel="apple-touch-startup-image" href=""/>
    <link rel="stylesheet" href="mall/css/css.css" th:href="@{/mall/css/css.css}" />
    <link rel="stylesheet" href="mall/lib/layer/layer_mobile/need/layer.css" th:src="@{/mall/lib/layer/layer_mobile/need/layer.css}"/>
    <script type="text/javascript" src="mall/lib/zpeto/zepto-1.2.0.min.js"
	th:src="@{/mall/lib/zpeto/zepto-1.2.0.min.js}"></script>
	<script type="text/javascript" src="mall/lib/layer/layer_mobile/layer.js" th:src="@{/mall/lib/layer/layer_mobile/layer.js}"></script>
    <script type="text/javascript" src="mall/js/comm.js"
	th:src="@{/mall/js/comm.js}"></script>
    
</head>
<body>
<div class="order-list">
    <div class="item" th:if="${haveorder > 0}" th:each="orderInfo : ${orderList}">
        <div class="o-title-shop">
        	<div class="name" th:text="|订单编号：${orderInfo.orderId}|">店铺：厚和尚品</div>
            <div class="state" th:if="${orderInfo.orderStatus == 0}">待支付</div>
            <div class="state" th:if="${orderInfo.orderStatus == 1 }">交易失败</div>
            <div class="state" th:if="${orderInfo.orderStatus == 2 and orderInfo.transferStatus == 0 }">待发货</div>
            <div class="state" th:if="${orderInfo.orderStatus == 2 and orderInfo.transferStatus == 2 }">已发货</div>
        </div>
        <div class="o-number" th:text="|交易时间：${orderInfo.orderDate} ${orderInfo.orderTime}|">订单编号：1231413423412345134</div>
        <div class="o-item" th:each="itemInfo : ${orderInfo.itemList}">
            <div class="goods2-img">
                <img th:src="@{'/upload-dir/'+${itemInfo.productId}+'/min/' + ${itemInfo.smallImgPath}}" alt=""/>
            </div>
            <div class="content2">
                <p class="title" th:text="${itemInfo.proName}">老风农天然450g喝出健康</p>
                <div class="item-pay">
                <div class="price"><span class="ftx-01" th:text="${itemInfo.transBonus}">200</span>积分+￥<span
							class="ftx-01" th:text="${itemInfo.transAmt}">59</span></div>
                <div class="quantity" th:text="|× ${itemInfo.count}|">×1</div>
            </div>
            </div>
            
        </div>
        <div class="o-total-price">合计：<span class="ftx-01" th:text="${orderInfo.transBonus}">200</span>积分+￥<span
						class="ftx-01" th:text="${orderInfo.transAmt}">59</span></div>
    </div>
    
    <div class="item" th:if="${haveorder == 0}">
        <div class="o-title-shop">
        	<div class="name">暂无订单</div>
        </div>
    </div>
    
    
    
</div>
<div class="bottom-fxied" style="left: 0px; bottom: 0px; width: 100%; display: block;">
    <div class="footer-menu">
        <a th:href="@{/main/}" class="home"><img src="mall/img/ico-home-01.png" th:src="@{/mall/img/ico-home-01.png}" alt=""/></a>
        <a th:href="@{/main/list/all}" class="link-single">全部尚品</a>
        <a th:href="@{/member/main}" class="link-single">我的订单</a>
    </div>
</div>
</body>
</html>